<html>
    <head>
        <title>Little Emoji</title>
        <style>
            body {
                font-family: "Helvetica Neue", Arial, sans-serif;
                font-size: 14px;
                line-height: 21px;
            }

            h1 small {
                font-weight: normal;
                font-size: 18px;
                color: #777;
            }

            .emoji-wrap {
                display: inline-block;
                min-width: 200px;
                overflow: hidden;
                line-height: 28px;
            }

            .emoji-img-wrap {
                display: inline-block;
                text-align: center;
                min-width: 22px;
            }

            .emoji {
                vertical-align: text-bottom;
            }

            .alias {
                opacity: 0.5;
            }
        </style>
    </head>
    <body>
        <h1>
            Little Emoji
            <small>47 emoji</small>
        </h1>
        <div class="emoji-list">
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="-1.png" title="-1" alt="-1" srcset="-1@2x.png 2x"
                /></span>
                :-1:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="+1.png" title="+1" alt="+1" srcset="+1@2x.png 2x"
                /></span>
                :+1:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="angry.png" title="angry" alt="angry" srcset="angry@2x.png 2x"
                /></span>
                :angry:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="anguished.png"
                        title="anguished"
                        alt="anguished"
                        srcset="anguished@2x.png 2x"
                /></span>
                :anguished:<span class="alias"> or D:</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="awesome.png" title="awesome" alt="awesome" srcset="awesome@2x.png 2x"
                /></span>
                :awesome:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="bawling.png" title="bawling" alt="bawling" srcset="bawling@2x.png 2x"
                /></span>
                :bawling:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="bleep_bloop.png"
                        title="bleep_bloop"
                        alt="bleep_bloop"
                        srcset="bleep_bloop@2x.png 2x"
                /></span>
                :bleep_bloop:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="blush.png" title="blush" alt="blush" srcset="blush@2x.png 2x"
                /></span>
                :blush:<span class="alias"> or :3</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="chuffed.png" title="chuffed" alt="chuffed" srcset="chuffed@2x.png 2x"
                /></span>
                :chuffed:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="confounded.png"
                        title="confounded"
                        alt="confounded"
                        srcset="confounded@2x.png 2x"
                /></span>
                :confounded:<span class="alias"> or :s</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="confused.png" title="confused" alt="confused" srcset="confused@2x.png 2x"
                /></span>
                :confused:<span class="alias"> or :\</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="cry.png" title="cry" alt="cry" srcset="cry@2x.png 2x"
                /></span>
                :cry:<span class="alias"> or :'(</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="dizzy.png" title="dizzy" alt="dizzy" srcset="dizzy@2x.png 2x"
                /></span>
                :dizzy:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="eh.png" title="eh" alt="eh" srcset="eh@2x.png 2x"
                /></span>
                :eh:<span class="alias"> or o.O</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="expressionless.png"
                        title="expressionless"
                        alt="expressionless"
                        srcset="expressionless@2x.png 2x"
                /></span>
                :expressionless:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="fearful.png" title="fearful" alt="fearful" srcset="fearful@2x.png 2x"
                /></span>
                :fearful:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="frown.png" title="frown" alt="frown" srcset="frown@2x.png 2x"
                /></span>
                :frown:<span class="alias"> or :(</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="glasses.png" title="glasses" alt="glasses" srcset="glasses@2x.png 2x"
                /></span>
                :glasses:<span class="alias"> or 8-)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="grin.png" title="grin" alt="grin" srcset="grin@2x.png 2x"
                /></span>
                :grin:<span class="alias"> or :D</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="heart.png" title="heart" alt="heart" srcset="heart@2x.png 2x"
                /></span>
                :heart:<span class="alias"> or <3</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="heartbreak.png"
                        title="heartbreak"
                        alt="heartbreak"
                        srcset="heartbreak@2x.png 2x"
                /></span>
                :heartbreak:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="hurrah.png" title="hurrah" alt="hurrah" srcset="hurrah@2x.png 2x"
                /></span>
                :hurrah:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="innocent.png" title="innocent" alt="innocent" srcset="innocent@2x.png 2x"
                /></span>
                :innocent:<span class="alias"> or o:)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="lol.png" title="lol" alt="lol" srcset="lol@2x.png 2x"
                /></span>
                :lol:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="love.png" title="love" alt="love" srcset="love@2x.png 2x"
                /></span>
                :love:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="mrgreen.png" title="mrgreen" alt="mrgreen" srcset="mrgreen@2x.png 2x"
                /></span>
                :mrgreen:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="naughty.png" title="naughty" alt="naughty" srcset="naughty@2x.png 2x"
                /></span>
                :naughty:<span class="alias"> or >:)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="neutral.png" title="neutral" alt="neutral" srcset="neutral@2x.png 2x"
                /></span>
                :neutral:<span class="alias"> or :|</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="no_mouth.png" title="no_mouth" alt="no_mouth" srcset="no_mouth@2x.png 2x"
                /></span>
                :no_mouth:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="open_mouth.png"
                        title="open_mouth"
                        alt="open_mouth"
                        srcset="open_mouth@2x.png 2x"
                /></span>
                :open_mouth:<span class="alias"> or :o</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="pleased.png" title="pleased" alt="pleased" srcset="pleased@2x.png 2x"
                /></span>
                :pleased:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="proud.png" title="proud" alt="proud" srcset="proud@2x.png 2x"
                /></span>
                :proud:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="rage.png" title="rage" alt="rage" srcset="rage@2x.png 2x"
                /></span>
                :rage:<span class="alias"> or >_<</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="scream.png" title="scream" alt="scream" srcset="scream@2x.png 2x"
                /></span>
                :scream:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="silenced.png" title="silenced" alt="silenced" srcset="silenced@2x.png 2x"
                /></span>
                :silenced:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="skull.png" title="skull" alt="skull" srcset="skull@2x.png 2x"
                /></span>
                :skull:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="smile.png" title="smile" alt="smile" srcset="smile@2x.png 2x"
                /></span>
                :smile:<span class="alias"> or :)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="smiley.png" title="smiley" alt="smiley" srcset="smiley@2x.png 2x"
                /></span>
                :smiley:<span class="alias"> or =)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="star.png" title="star" alt="star" srcset="star@2x.png 2x"
                /></span>
                :star:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="sunglasses.png"
                        title="sunglasses"
                        alt="sunglasses"
                        srcset="sunglasses@2x.png 2x"
                /></span>
                :sunglasses:<span class="alias"> or B)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="surprised.png"
                        title="surprised"
                        alt="surprised"
                        srcset="surprised@2x.png 2x"
                /></span>
                :surprised:<span class="alias"> or O.o</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sweat.png" title="sweat" alt="sweat" srcset="sweat@2x.png 2x"
                /></span>
                :sweat:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="tongue.png" title="tongue" alt="tongue" srcset="tongue@2x.png 2x"
                /></span>
                :tongue:<span class="alias"> or :p</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="unamused.png" title="unamused" alt="unamused" srcset="unamused@2x.png 2x"
                /></span>
                :unamused:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="waving.png" title="waving" alt="waving" srcset="waving@2x.png 2x"
                /></span>
                :waving:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="wink.png" title="wink" alt="wink" srcset="wink@2x.png 2x"
                /></span>
                :wink:<span class="alias"> or ;)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="winky.png" title="winky" alt="winky" srcset="winky@2x.png 2x"
                /></span>
                :winky:</span
            >
        </div>
    </body>
</html>
